<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <script th:src="@{/layui/layui.js}"></script>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
    <script th:src="@{/layui/layui.all.js}"></script>
</head>
<body>
<div class="layui-fluid" id="LAY-component-timeline">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">开发时间线(2020)</div>
                <div class="layui-card-body">

                    <ul class="layui-timeline">
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">过去</div>
                            </div>
                        </li>

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">10月10日</h3>
                                <p>
                                    开发意义:现在计算机已经深入到了各行各业，针对新闻发布所特殊具有的时效性，基于网络开发的新闻发布系统可以比拟其他媒体的优势，便是可以随时随地发布最新消息，同样作为用户，只要拥有一台电脑可以接入网络，马上也可以得知最新最论的消息。相比报纸杂志所面对的纸张运输、印刷、排版等问题，能够更好的避免纸张污染以及浪费，降低发布新闻的成本。  它的出现大大减轻了网站更新维护的工作量，通过网络数据库的引用，将网站的更新维护工作简化到只需录入文字和上传图片，从而使网站的更新速度大大缩短，在某些专门的网上新闻站点，如新浪的新闻中心等，新闻的更新速度已经缩短到五分钟一更新，从而大大加快了信息的传播速度，也吸引了更多的长期用户群，时时保持网站的活动力和影响力。</p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">10月25日</h3>
                                <p>正式开始项目step 1</p>
                                <ul>
                                    <li>基于Layui框架实现前端界面</li>
                                    <li>前端页面的逻辑跳转</li>
                                </ul>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">11月06日</h3>
                                <p>
                                    设计数据库 step 2
                                </p>
                            </div>
                        </li>

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">11月07日</h3>
                                <p>
                                    JDBC step 3
                                </p>

                                <ul>
                                    <li>采用hikari数据连接池</li>
                                    <li>Mybaits</li>
                                    <li>Log4j2日志</li>
                                </ul>

                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">11月18日</h3>
                                <p>
                                    接口数据对接step 4
                                </p>
                                <ul>
                                    <li>基于SSM</li>
                                    <li>实现JSON的数据的接收</li>
                                </ul>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">11月20日</h3>
                                <p>
                                    文件上传 step 5
                                </p>
                                <ul>
                                    <li>图片上传</li>
                                    <li>更换头像</li>
                                </ul>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">11月24日</h3>
                                <p>
                                    Jsoup step 6
                                </p>
                                <ul>
                                    <li>爬取新浪新闻</li>
                                </ul>
                            </div>
                        </li>

                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">11月28日</h3>
                                <p>
                                    前后端联调测试 step 7
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">12月20日-12月22日</h3>
                                <p>
                                    框架由SSM->springboot+MybaitsPlus
                                </p>
                                <p>
                                    SpringBoot-(imwenwen-news)开发v1.0
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">未来</div>
                            </div>
                        </li>
                    </ul>

                </div>
            </div>
        </div>
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">版本信息</div>
                <div class="layui-card-body">
                    <ul class="layui-timeline">
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">
                                    2020.12.22 imwenwen-newsv1.0
                                </div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">
                                    2020.11.28 i-newsv4.0
                                </div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2020.10.18 i-news3.0</div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2020.11.07 i-news2.0</div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2020.10.25 i-news1.0</div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">更久前，轮子时代。维护几个独立组件</div>
                            </div>
                        </li>
                    </ul>

                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script th:src="@{/layui/layui.js}"></script>
<script th:src="@{/layui/layui.all.js}"></script>


</body>
</html>